<template>
  <div class="like">
      <h4><span class="iconfont">&#xe639;</span>猜你喜欢</h4>
    <div class="like-box" v-for="item in imgList">
      <div class="like-left fl">
        <img :src="item.imgUrl" alt="">
        <i class="kd" v-if="!item.show">可订明日</i>
        <i class="sm" v-if="item.show">随买随用</i>
      </div>
      <div class="like-right fl">
          <h3>{{item.title}}</h3>
        <div class="likexx">
          <span class="likexx-x">⭐⭐⭐⭐⭐</span>
          <span class="likexx-p">{{item.comment}}条评论</span>
        </div>
        <div class="address">
          <span><em>￥{{item.price}}</em>起</span>
          <span class="fr">{{item.address}}</span>
        </div>
        <p class="comment" v-if="item.assess">{{item.assess}}</p>
      </div>
    </div>
      <div class="all">查看所有</div>
  </div>
</template>
<script>
  export default{
        data(){
          return {

          }
        },
    props:["imgList"]
  }
</script>
<style scoped>
  .like{
    font-size: 0.14rem;
    background-color: #fff;
  }
  .like h4{
    font-size: 0.18rem;
    font-weight:normal;
  }
  .like h4 span{
    color:red;
    font-size: .2rem;
  }
  .like-box{
    overflow:hidden;
    padding: .1rem ;
    border-bottom:1px solid #e0e0e0;
    margin-left:0.05rem;
    box-sizing: border-box;
  }
  .like-left{
    width:1rem;
    position:relative;
  }
  .like-left>img{
    width:100%;
  }
  .like-left i{
    font-style:normal;
    position:absolute;
    top:0;
    left:0;
    color:#fff;
    font-size: 0.1rem;
    padding:.05rem;
    border-radius:0 .08rem .08rem 0;
  }
  .like-left .kd{
    background-color: #00afc7;;
  }
  .like-left .sm{
    background-color: #ffb436;
  }
  .like-right{
    padding-left:.11rem;
  }
  .like-right h3{
    font-size: 0.18rem;
    font-weight:normal;
    margin-top:0.13rem;
    line-height:0.22rem;
  }
  .likexx{
    margin-top:0.07rem;
  }
  .likexx-x{
    color:#ffb436;
  }
  .likexx-p{
    line-height:0.17rem;
  }
  .address{
    margin-top:.11rem;
    line-height:0.2rem;
  }
  .address em{
    font-size: 0.2rem;
    font-style:normal;
    color:#ff8300;
  }
  .comment{
    margin-top:0.24rem;
    color:#f55;
    font-size: 0.12rem;
  }
  .all{
    line-height: 0.2rem;
    padding:0.1rem 0;
    color:#00afc7;
    font-size: 0.14rem;
    text-align:center;
  }
</style>
